<div class="al-modal-view">
  <!--<div class="modal-filter" ng-click="clearModal()"></div>-->
  <div>
    <div class="al-modal-title">{{modalTitle}}</div>
    <div class="al-modal-form-container">
      <ng-form name="modalForm" class="form-horizontal form-validation" role="form">
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">预约人名称</label>
          <div class="col-sm-4">
            <div class="form-control info-text">{{data.userName}}</div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">预约人手机</label>
          <div class="col-sm-4">
            <div class="form-control info-text">{{data.userPhone}}</div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">备注</label>
          <div class="col-sm-4">
            <textarea cols="3" class="form-control" placeholder="填写备注"
                      ng-model="data.remark"></textarea>
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-3"></div>
          <div class="col-sm-3">
            <button class="al-center btn btn-default" ng-click="cancel()">取消</button>
          </div>
          <div class="col-sm-3">
            <button class="al-center btn btn-primary" ng-disabled="modalForm.$invalid" ng-click="confirm()">确定</button>
          </div>
          <div class="col-sm-3"></div>
        </div>
      </ng-form>
    </div>
  </div>
</div>